<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="https://necolas.github.io/normalize.css/4.1.1/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<header>
		<nav class="">
			<div class="logo"><a href="#">华益峰</a></div>
			<ul>		
				<li class="active"><a href="">首页</a></li>
				<li><a href="">链接</a></li>
				<li><a href="">链接</a></li>
				<li><a href="">链接</a></li>
			</ul>
		</nav>
		<div id="banner">
			<div class="inner">
				<h1>华益峰</h1>
				<p class="sub-heading">Your happy passer-by all knows, my distressed there is no place hides.</p>
				<button>了解我</button>
				<div class="more">
					更多
				</div>
			</div>
		</div>
	</header>
	<div class="content">
		<section class="green-section">
			<div class="wrapper">
				<h2>一个标题</h2>
				<div class="hr"></div>
				<p class="sub-heading">When the whole world is about to rain, let’s make it clear in our heart together.</p>
			</div>
			<div class="icon-group">
				<span class="icon">item1</span>
				<span class="icon">item2</span>
				<span class="icon">item3</span>
			</div>
		</section>
		<section class="gray-section">
			<div class="article-preview">
				<div class="img-section">
					<img src="img/pic01.jpg" alt="">
				</div>
				<div class="text-section">
					<h2>又一个标题</h2>
					<div class="sub-heading">
						我是副标题
					</div>
					<p>Time goes by so fast, people go in and out of your life. You must never miss the opportunity to tell these people how much they mean to you.</p>
				</div>
			</div>
			<div class="article-preview">		
				<div class="text-section">
					<h2>又一个标题</h2>
					<div class="sub-heading">
						我是副标题
					</div>
					<p>Time goes by so fast, people go in and out of your life. You must never miss the opportunity to tell these people how much they mean to you.</p>
				</div>
				<div class="img-section">
					<img src="img/pic02.jpg" alt="">
				</div>
			</div>
		</section>
		
		<section class="purple-section">
			<div class="heading-wrapper">
				<h2>有一个标题</h2>
				<div class="hr"></div>
				<div class="sub-heading">
					Time goes by so fast, people go in and out of your life. You must never miss the opportunity to tell these people how much they mean to you.
				</div>
			</div>
			<div class="card-group">
				<div class="card">
					
				</div>
				<div class="card">
					<h3>标题3</h3>
					<p>Time goes by so fast, people go in and out of your life. You must never miss the opportunity to tell these people how much they mean to you.</p>
				</div>
			</div>
		</section>
	</div>
	<footer></footer>
</body>
</html>